<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>

</html>

<script>
  /* JS/技术的发展方向：
    更快、更强、更简单。
  */

  /* 自增自减运算符的作用：
    为了 进一步简化： `+=` / `-=`

    进一步简化的原因：
      num += 1; // 自增1
      num -= 1; // 自减1

    上述两个写法，会被非常 高频地使用。


    自增1简化后的写法：`num++` 和 `++num`

    自减1简化后的写法：`num--` 和 `--num`
  
  */


  /* 自增运算符：
    `++num` 的执行逻辑：
      第一步：先将 num 的值，自增1；
      第二步：将自增后的 num 的值，作为 表达式的返回值。
      
      案例：
        var num = 123;
        console.log(++num); // 124


      
    `num++` 的执行逻辑：
      第一步：先将 num 的默认值 作为 表达式的 返回值 返回。
      第二步：再将 num 的值 自增1。

    案例：
      var num = 123;
      console.log(num++); // 123
      console.log(num); // 124
  
  */

  /* 自减运算符：
    `--num`:
      第一步：先将 num 的值，自减1；
      第二步：将自减后的 num 的值，作为 表达式的返回值 返回。
  
    案例：
      var num = 123;
      console.log(--num); // 122


    `num--`:
      第一步：先将 num 的值，作为 表达式的返回值 返回。
      第二步：再将 num 的值，自减1；

    案例：
      var num = 123;
      console.log(num--); // 123
      console.log(num); // 122
  */


</script>